<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的在线简历</title>
    <link rel="stylesheet" href="styles.css">
</head>

<body>
    <nav class="navbar">
        <input type="checkbox" id="menu-toggle">
        <label for="menu-toggle" class="menu-icon">☰</label>
        <ul>
            <li><a href="#education">教育背景</a></li>
            <li><a href="#projects">项目经验</a></li>
            <li><a href="#awards">获奖情况</a></li>
            <li><a href="#self-evaluation">自我评价</a></li>
        </ul>
    </nav>
    <div class="sidebar">
        <div class="profile">
            <!-- 使用占位符图片确保显示正常 -->
            <img src="1.jpg" alt="个人照片" class="profile-img">
            <h1>林朝政</h1>
            <p>Python开发工程师</p>
        </div>
        <address class="contact-info">
            <p><span class="icon">📞</span> 18889190797</p>
            <p><span class="icon">📧</span> 3066849546@qq.com</p>
            <p><span class="icon">💻</span> <a href="https://gitee.com/xiaolin-tonghai" target="_blank" rel="noopener noreferrer">github.com/zhangsan</a></p>
        </address>
        <div class="skills-sidebar">
            <h2>核心技能</h2>
            <ul>
                <li>Python</li>
                <li>Java</li>
                <li>Spring Boot</li>
                <li>MyBatis</li>
                <li>MySQL</li>
                <li>HTML/CSS/JS</li>
                <li>Linux</li>
                <li>Git</li>
            </ul>
        </div>
    </div>
    <div class="main-content">
        <section class="section education" id="education">
            <h2>教育背景</h2>
            <div class="timeline">
                <div class="timeline-item">
                    <div class="timeline-date"></div>
                    <div class="timeline-content">
                        <h3>海南经贸职业技术学院</h3>
                        <p>软件技术专业</p>
                        <p>主修课程: Java编程、数据库原理、Web开发、数据结构与算法</p>
                    </div>
                </div>
            </div>
        </section>
        <section class="section projects" id="projects">
            <h2>项目经验</h2>
            <div class="project">
                <h3>基于深度学习的临高发言语音识别系统</h3>
                <div class="project-details">
                    <p><strong>项目时间:</strong> 2023.09 - 2024.06</p>
                    <p><strong>项目描述:</strong> 基于深度学习的临高发言语音识别系统，把临高方言转换为普通话</p>
                    <p><strong>个人职责:</strong> 负责宣传，比赛对接</p>
                    <p><strong>技术栈:</strong> Java, Spring Boot, MySQL, HTML, CSS, JavaScript</p>
                </div>
            </div>
            <div class="project">
                <h3>个人博客网站</h3>
                <div class="project-details">
                    <p><strong>项目时间:</strong> 2024.09 - 2025.4</p>
                    <p><strong>项目描述:</strong> 使用Django框架开发的个人博客网站，支持文章发布、评论、用户注册登录等功能。</p>
                    <p><strong>个人职责:</strong> 负责前后端开发，部署到Linux服务器。</p>
                    <p><strong>技术栈:</strong> Python, Django, SQLite, HTML, CSS, JavaScript</p>
                </div>
            </div>
        </section>
        <section class="section awards" id="awards">
            <h2>获奖情况</h2>
            <ul>
                <li>2024年中国高校计算机人工智能编程比赛一等奖</li>
                <li>2024年信息技术学院三好学生</li>
                <li>2024年度信息技术学院一等奖学金</li>
            </ul>
        </section>
        <section class="section self-evaluation" id="self-evaluation">
            <h2>自我评价</h2>
            <p>有比较强大的组织管理能力，行动力，学习能力；热爱学习一切未接触过的事物；有责任心，能够与他人友好交流。</p>
        </section>
    </div>
    <footer>
        <p>© 2025 林朝政. 版权所有.</p>
    </footer>
    <script src="script.js"></script>
</body>

</html>    